<!doctype html>
<html>
<head>
	<meta charset="utf-8">
	<title>标题</title>
	<meta name="keywords" content="">
	<meta name="description" content="">
</head>
<body>
	<!--<div>156</div>
	<div>156</div>
	<div>156</div>
	<div>156</div>
	<div>156</div>
	<div>156</div>
	<div>156</div>
	<div>156</div>
	<div>156</div>
	<div>156</div>-->
	<video id="videos" width="500"height="450">
		<source src="videos/1.mp4" type="video/mp4">
		<source src="videos/1.flv" type="video/flv">
		不支持视频
	</video>
	<p id="btn">播放、暂停</p>
	<div id="jiajia"></div>
	<div>156</div>
	<div>156</div><div>156</div><div>156</div><div>156</div><div>156</div><div>156</div><div>156</div><div>156</div><div>156</div><div>156</div><div>156</div><div>156
	</div><div>156</div>
	<div>156</div><div>156</div>156</div><div>156</div><div>156</div><div>156</div><div>156</div><div>156</div>156</div><div>156</div><div>156</div<div>156</div><div>156</div><div>156</div><div>156</div><div>156</div>156</div>
	<div>156</div><div>156</div><div>156</div><div>156</div><div>156</div><div>156</div><div>156</div>
	156</div><div>156</div><div>156</div><div>156</div><div>156</div><div>156</div><div>156</div><div>156</div><div>156</div><div>156</div><div>156</div><div>156</div>
	156</div><div>156</div>
	<div>156</div><div>156</div><div>156</div><div>156</div>div><div>156</div>156</div><div>156</div><div>156</div><div>156</div><div>156</div><div>156</div>156</div><div>156</div><div>156</div<div>156</div><div>156</div><div>156</div><div>156</div><div>156</div>156</div>
	<div>156</div><div>156</div><div>156</div><div>156</div><div>156</div><div>156</div><div>156</div>
	156</div><div>156</div><div>156</div><div>156</div><div>156</div><div>156</div><div>156</div><div>156</div><div>156</div><div>156</div><div>156</div><div>156</div>
	156</div><div>156</div>
	<div>156</div><div>156</div><div>156</div><div>156</div>div><div>156</div>156</div><div>156</div><div>156</div><div>156</div><div>156</div><div>156</div>156</div><div>156</div><div>156</div<div>156</div><div>156</div><div>156</div><div>156</div><div>156</div>156</div>
	<div>156</div><div>156</div><div>156</div><div>156</div><div>156</div><div>156</div><div>156</div>
	156</div><div>156</div><div>156</div><div>156</div><div>156</div><div>156</div><div>156</div><div>156</div><div>156</div><div>156</div><div>156</div><div>156</div>
	156</div><div>156</div>
	<div>156</div><div>156</div><div>156</div><div>156</div>div><div>156</div>156</div><div>156</div><div>156</div><div>156</div><div>156</div><div>156</div>156</div><div>156</div><div>156</div<div>156</div><div>156</div><div>156</div><div>156</div><div>156</div>156</div>
	<div>156</div><div>156</div><div>156</div><div>156</div><div>156</div><div>156</div><div>156</div>
	156</div><div>156</div><div>156</div><div>156</div><div>156</div><div>156</div><div>156</div><div>156</div><div>156</div><div>156</div><div>156</div><div>156</div>
	156</div><div>156</div>
	<div>156</div><div>156</div><div>156</div><div>156</div>div><div>156</div>156</div><div>156</div><div>156</div><div>156</div><div>156</div><div>156</div>156</div><div>156</div><div>156</div<div>156</div><div>156</div><div>156</div><div>156</div><div>156</div>156</div>
	<div>156</div><div>156</div><div>156</div><div>156</div><div>156</div><div>156</div><div>156</div>
	156</div><div>156</div><div>156</div><div>156</div><div>156</div><div>156</div><div>156</div><div>156</div><div>156</div><div>156</div><div>156</div><div>156</div>
	156</div><div>156</div>
	<div>156</div><div>156</div><div>156</div><div>156</div>

	<script src="js/jq.js"></script>
	<script>
		function shoushicaozuo() {
			// touchstart   touchmove   touchend
			var startY=0,endY=0,startX=0,endX=0;
			document.addEventListener('touchstart',function (e){
				// console.log(e);
				// console.log(e.touches[0].clientY);
				console.log(e.touches[0].pageY);
				startY=e.touches[0].pageY;
				startX=e.touches[0].pageX;
			},false);
			document.addEventListener('touchmove',function (e){
				endY=e.touches[0].pageY;
				endX=e.touches[0].pageX;
				console.log(endY);
			},false);
			document.addEventListener('touchend',function (e){
				if (startY-endY>100) {alert('向上滑动')};
				if (startY-endY<-100) {alert('向下滑动')};
			},false);
		}
		/*shoushicaozuo();*/
		function bofang() {
			/*document.getElementById('videos').play();*/
			/*document.getElementById('videos').play();
			document.getElementById('videos').play();*/
			$('#videos').attr('autoplay' ,'autoplay');
		}
		/*bofang();*/
		$(function () {
			var a=1;
			$('#btn').on('click',function () {
				document.getElementById('videos').play();
			})
			/*window.onscroll=function () {
				document.getElementById('videos').play();
			}*/
			$(window).on('scroll',function () {
				a++;
				$('#jiajia').html(a);
				/*alert(123);*/
				/*$('#btn').trigger('click');*/
				document.getElementById('videos').play();
			})
		})
	</script>
</body>
</html>